<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
  <title>后台管理系统</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link href="/resources/css/dpl-min.css" rel="stylesheet" type="text/css" />
  <link href="/resources/css/bui-min.css" rel="stylesheet" type="text/css" />
  <link href="/resources/css/page-min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">

    <form id="searchForm" class="form-horizontal">
        <div class="row">
            <div class="control-group span8" style="width:250px;">
                <label class="control-label" style="width:80px;">名称：</label>
                <div class="controls" style="width:150px;">
                    <input type="text" class="control-text" name="nickName">
                </div>
            </div>
            <div class="control-group span12">
                <label class="control-label">时间：</label>
                <div class="controls">
                    <input type="text" class="calendar calendar-time" name="startDate"><span> - </span><input name="endDate" type="text" class="calendar calendar-time">
                </div>
            </div>

            <div class="span3 offset2">
                <button  type="button" id="btnSearch" class="button button-primary">搜索</button>
            </div>
        </div>
    </form>

    <div class="search-grid-container">
        <div id="grid"></div>
    </div>
</div>
<script type="text/javascript" src="/resources/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="/resources/js/bui-min.js"></script>
<script type="text/javascript" src="/resources/js/config-min.js"></script>
<script type="text/javascript">
    var store,gridCfg;
  BUI.use(['common/search','common/page','bui/grid','bui/overlay','bui/form'],function (Search,Page,Grid,Overlay,Form) {
      var  columns = [
          {title:'名称',dataIndex:'userName',width:120},
          {title:'账号',dataIndex:'userAccount',width:120},
          {title:'日期',dataIndex:'timeStr',width:120},
          {title:'变动前现金余额',dataIndex:'beforeCash',width:80},
          {title:'变动前购物余额',dataIndex:'beforeBonus',width:80},
          {title:'变动前冻结余额',dataIndex:'beforeFrozenAmount',width:80},
          {title:'变动后现金余额',dataIndex:'afterCash',width:80},
          {title:'变动后购物余额',dataIndex:'afterBonus',width:80},
          {title:'变动后冻结余额',dataIndex:'afterFrozenAmount',width:80},
          {title:'备注',dataIndex:'dataName',width:120}
      ];
      store = Search.createStore('/userAmount/listRecordData');
      gridCfg = Search.createGridCfg(columns,{
          plugins : [BUI.Grid.Plugins.CheckSelection] // 插件形式引入多选表格
      });
  });

</script>
<script type="text/javascript" src="/views/js/list.js"></script>
</body>
</html>  
